<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Parent Window</title>


    <script>

        function openChildWindow()
        {
            var w = 800;
            var h = 800;
            var x = window.screenX + window.outerWidth/2 - w/2;
            var y = window.screenY + window.outerHeight/2 - h/2;
            var options = "toolbar=no,location=no,status=no,resizable=yes,scrollbars=yes"
                + ",width=" + w + ",height="  + h
                + ",left=" + x + ",top="  + y;


            var child = window.open("Child.html", "_childName", options);
        }

    </script>
</head>
<body>


<h2> Input Elements </h2>

<h3> Input: Text </h3>
<label for="textA_id"> Input Text with id, name, value, size and maxLength </label><br>
<input type="text" id="textA_id" name="textA_name" value="textA_value" size="50" maxlength="100"/>
<br><br>

<label for="textB_id"> Input Text with id, name, value, size </label><br>
<input type="text" id="textB_id" name="textB_name" value="textB_value" size="51"/>
<br><br>

<label for="textC_id"> Input Text with id, name, value</label><br>
<input type="text" id="textC_id" name="textC_name" value="textC_value"/>
<br><br>

<label for="textD_id"> Input Text with id, name</label><br>
<input type="text" id="textD_id" name="textD_name"/>
<br><br>

<label for="textC_id"> Input Text with id, name, and Char value</label><br>
<input type="text" id="textE_id" name="textE_name" value="x"/>
<br><br>


<h1><a id="openChildWindow" href="javascript:void(0)" onclick="openChildWindow();">Open Child window</a></h1>



<h3> Input: Checkbox </h3>

<INPUT type=checkbox id="checkboxA_id" name="checkboxA_name">Checklist item with id, name<br/><br/>
<INPUT type=checkbox id="checkboxB_id" name="checkboxB_name" checked>Checklist item with id, name, checked<br/><br/>

<h3> Input: Radio </h3>

<INPUT type=radio id="radioA_id" name="radioA_name" value="radioA_value">Radio item with id, unique name,
value<br/><br/>
<INPUT type=radio id="radioB_id" name="radioB_name" value="radioB_value" checked>Radio item with id, unique name,
checked<br/><br/>

<h4> Radio Group </h4>
<INPUT type=radio id="radioGroupA_id" name="radioGroup_name" value="radioGroupA_value">Radio item with id, unique name,
in RadioGroupA<br/><br/>
<INPUT type=radio id="radioGroupB_id" name="radioGroup_name" value="radioGroupB_value">Radio item with id, unique name,
in RadioGroupA<br/><br/>
<INPUT type=radio id="radioGroupC_id" name="radioGroup_name" value="radioGroupC_value" checked>Radio item with id,
unique name, checked, in RadioGroupA<br/><br/>
<INPUT type=radio id="radioGroupD_id" name="radioGroup_name" value="radioGroupD_value">Radio item with id, unique name,
in RadioGroupA<br/><br/>
<INPUT type=radio id="radioGroupE_id" name="radioGroup_name" value="radioGroupE_value">Radio item with id, unique name,
in RadioGroupA<br/><br/>


</body>
</html>